<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>聊天室</title>
    <link type="text/css" href="/css/index.css" rel="stylesheet">
    <script src="js/jQuery/jquery-3.5.1.min.js"></script>
    <script src="js/socket/index.js"></script>
</head>
<body>
<div>
    <p>聊天室</p>
    <textarea id="box" rows="20" cols="60" disabled></textarea>
    <div>
        姓名：<input type="text" id="username"><br>
        <button type="button" id="join">加入聊天室</button>
        <button type="button" id="leave">离开聊天室</button>
    </div>
    <div>
        <input id="message" type="text"><br>
        <button type="button" id="send">发送</button>
    </div>
</div>
</body>
</html>